<!doctype html>
<html lang="en-US">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</title>
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="">

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Google Fonts  -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'> <!-- Heading font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,600,700' rel='stylesheet' type='text/css'> <!-- Body font -->

<!-- Plugins CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Font Icons -->
<link rel="stylesheet" href="css/vegas.min.css"> 

<!-- Theme CSS -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">

<!-- 引入下 -->
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />

<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

<!-- Custom styles for this template -->
<link href=" css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />

</head>

<body>
<div class="page-loader" style="height:100%;overflow-x: hidden;overflow-y: hidden;width: 100%;"></div>
<section>
	<div class="container">
		<div class="row">

			<div class="col-xs-12">
				<!-- 5.3 countdown container -->
				<div class="countdown-container" id="lwt-countdown" style="display:none;">
					<div class="dash days_dash wow zoomIn" data-wow-delay="0.4s">
						<div class="digit">0</div><div class="digit">0</div><div class="digit">0</div>
						<span class="dash_title">days</span>
					</div>
					<div class="dash hours_dash wow zoomIn" data-wow-delay="0.5s">
						<div class="digit">0</div><div class="digit">0</div>
						<span class="dash_title">hours</span>
					</div>
					<div class="dash minutes_dash wow zoomIn" data-wow-delay="0.6s">
						<div class="digit">0</div><div class="digit">0</div>
						<span class="dash_title">minutes</span>
					</div>
					<div class="dash seconds_dash wow zoomIn" data-wow-delay="0.7s">
						<div class="digit">0</div><div class="digit">0</div>
						<span class="dash_title">seconds</span>
					</div>
				</div>
			</div>
			
		</div> <!-- /.row -->
	</div> <!-- /.container -->
</section>

<section id="content">
	<div class="container">
		<div class="row">

			<div class="col-md-6">
				<div class="content-intro">
					<!-- 更改字体 -->
					<h1 class="wow zoomInLeft" data-wow-delay="0.3s"><span class="main-color" style="font-size: 100px;background-color: rgba(255,255,255,.6);border-radius: 30px;line-height: 100px;padding:0 10px 20px 10px;display: inline-block;">樱花</span>   别等樱花凋谢了    才说爱它...</h1>
					<!-- <p class="wow zoomIn" data-wow-delay="0.5s">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even believable.</p> -->
				</div>
			</div>
		</div>
	</div> 
</section>
<footer style="margin-bottom: 1000px;">
	<div class="container">
		<div class="row">
			<h1 class="wow zoomInLeft" data-wow-delay="0.3s"><span class="main-color"></span> 
			我的意思是:
			<br/>
			别等我彻底对你失望之后才说爱我....</h1>
		</div> 
	</div> 
</footer>
<div id="jquery_jplayer_1"></div>

<!-- 拼接-------------------------------------------------------------------------- -->
<div class="hero_area" style="margin-top: -600px;background-color: rgba(255,105,180,.5); overflow: hidden;margin-bottom: 300px;overflow-y: hidden;overflow-x: hidden;">
	<!-- header section strats -->
	<header class="header_section" style="padding-top: 0;margin-top: 0;">
		<div class="container-fluid" style="height: 0;">
			<nav class="navbar navbar-expand-lg custom_nav-container d-block" style="padding-top: 0;height: 0;margin-top: 0;">
				<div class="main_nav_menu" style="display: none;">
					<div class="fk_width">
						<div class="custom_menu-btn">
							<button onclick="openNav()">
								<span class="s-1"> </span>
								<span class="s-2"> </span>
								<span class="s-3"> </span>
							</button>
						</div>
						<div id="myNav" class="overlay">
							<div class="overlay-content">
								<a class="" href="index.html">Home <span class="sr-only">(current)</span></a>
								<a class="" href="about.html">About </a>
								<a class="" href="gallery.html">Gallery </a>
								<a class="" href="blog.html">Blog </a>
								<a class="" href="testimonial.html">Testimonial </a>
							</div>
						</div>
					</div>
					<a class="navbar-brand" href="index.html">
						<span>
							Picstudio
						</span>
					</a>
					<div class="user_option">
						<a href="#">
							login
						</a>
						<form class="form-inline ">
							<button class="btn  nav_search-btn" type="submit"></button>
						</form>
					</div>
				</div>
			</nav>
		</div>
	</header>
	<!-- end header section -->

	<!-- slider section -->
	<section class=" slider_section position-relative">
		<div class="container-fluid">
			<div class="row slider-row">
				<div class="col-lg-3 offset-lg-1">
					<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
						<div class="carousel-inner">
							<div class="carousel-item active">
								<div class="detail-box">
									<h1>
										盼望着、盼望着<br />
										2021年校园樱花艺术节
									</h1>
									<p>

									</p>
									<div>
										<a href="#" style="font-weight: 700;">
											开幕啦~
										</a>
									</div>
								</div>
							</div>
							<div class="carousel-item">
								<div class="detail-box">
									<h1>
										盼望着、盼望着<br />
										2021年校园樱花艺术节
									</h1>
									<p>

									</p>
									<div>
										<a href="#" style="font-weight: 700;">
											开幕啦~
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="carousel_control-box" style="display: none;">
							<div class="carousel_btn-container">
								<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
									data-slide="prev">
									<!-- <span class="sr-only">Previous</span> -->
								</a>
								<a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
									data-slide="next">
									<!-- <span class="sr-only">Next</span> -->
								</a>
							</div>
							<ol class="carousel-indicators">
								<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active li_one">01
								</li>
								<li data-target="#carouselExampleIndicators" data-slide-to="1" class="li_two">02</li>
								<li class="ol_design"></li>
							</ol>
						</div>
					</div>
				</div>
				<div class="col-lg-8 px-0">
					<div class="img-box">
						<img src="images/slider-img.png" alt="" style="margin-top:-20px">
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end slider section -->
</div>

<!-- about section -->

<section class="about_section layout_padding">
	<div class="container">
		<div class="row" style="display: none;">
			<div class="col-md-5">
				<div class="detail-box">
					<div class="heading_container">
						<h2>
							在阳光明媚的春天遇见你-樱花。
						</h2>
						<p>
							又是一年樱花烂漫时，一起相约赏樱花美，好的人和事总是特别短暂，要珍惜当下。
						</p>
						<!-- <a href="">
                Read More
              </a> -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="img-box">
		<div class="play_btn">
			<a target="_blank"
				href="http://mpvideo.qpic.cn/0bf2piaaaaaanmajzqy7ojpva6wdab5aaaaa.f10002.mp4?dis_k=b4b26bb9abf1e690edf6ed7a6baf4400&dis_t=1617897378&spec_id=MzIzMjc1NDczOA%3D%3D1617897377&vid=wxv_1448122347348918273&format_id=10002">
				<img src="images/play.png" alt="" />
			</a>
		</div>
		<img src="images/about-img.png" class="about-img" alt="" />
	</div>
</section>

<!-- end about section -->

<!-- gallery section -->
<section class="gallery_section layout_padding-top">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 ml-auto">
				<div class="heading_container">
					<h2>
						樱花开放周期
					</h2>
					<p>
						樱花在4月份的时候开花，花期通常是比较短的，单朵樱花一般只会开放4天到10天左右。在开放最灿烂的时候凋谢，整棵树上就会呈现出樱花边开边落的现象。
					</p>
					<a target="_blank"
						href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E6%A8%B1%E8%8A%B1/15954108?fr=aladdin">
						<!-- See More -->
						中国樱花
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="gallery_container">
		<div class="gallery_bg" style="opacity: 0.5;">
			<img src="images/gallery-bg.png" alt="" />
		</div>
		<div class="container">
			<div class="gallery_box">
				<div class="box b1">
					<div class="img-box">
						<img src="images/gallery-1.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
				</div>
				<div class="box b2">
					<div class="img-box">
						<img src="images/gallery-2.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
					<div class="img-box">
						<img src="images/gallery-3.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
				</div>
				<div class="box b3">
					<div class="img-box">
						<img src="images/gallery-4.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
					<div class="img-box">
						<img src="images/gallery-5.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
				</div>
				<div class="box b4">
					<div class="img-box">
						<img src="images/gallery-6.jpg" alt="" />
						<h5>
							<!-- photography -->
						</h5>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- end gallery section -->

<!-- blog section -->

<section class="blog_section layout_padding">
	<div class="container">
		<div class="row">
			<div class="col-md-5">
				<div class="detail-box">
					<div class="heading_container">
						<h2>
							2021.04.07
						</h2>
						<p style="font-size: 30px;">
							保定市莲池区第二职教中心
							<br />
							无论你在哪里，我都会径直奔向你
							<br />
							送你一世不会凋谢的樱花
							<br />
						</p>
						<a target="_blank" href="http://www.bdlcez.com/bdwl998/vip_doc/20108771.html">
							莲池二职
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="blog_container">
		<div class="blog_bg" style="opacity: 0.5;">
			<img src="images/gallery-bg.png" alt="" />
		</div>
		<div class="container">
			<div class="blog_box">
				<div class="row">
					<div class="col-md-6">
						<div class="box b1">
							<div class="img-box">
								<img src="images/zero2.jpg" alt="" />
							</div>
							<div class="blog-detail">
								<div class="blog_title">
									<h5 style="margin-top:20px">
										樱花树下的祝福
									</h5>
									<div class="blog_post">
										<h6 style="line-height: 2; text-indent: 2em; margin-bottom: 30px;">
											一阵微风轻拂而起，带来了远方不知名的醉人花香，却也将树枝上的樱花带离枝头，无数的樱花瓣在风中翩然起舞，像是粉色的轻纱随风浮动，令人不禁怀疑自己是在梦中!
											<br />
											细数往日的点滴，有过欢笑泪水和珍贵的记忆。朋友不在于多少，真心才好。在我的生命里没几个真正的知己，惟独有你————樱花！
											<br />
										</h6>
										<h6>
											<!-- 我在樱花树下为所有同学祝福 -->
										</h6>
									</div>
								</div>
								<p>
									<!-- It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum -->
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="box b2">
							<div class="img-box">
								<img src="images/zero4.jpg" alt="" />
							</div>
							<div class="blog-detail">
								<div class="blog_title">
									<h5>
										祝福语
									</h5>
									<div class="blog_post">
										<h6>
											<!-- Post By: Pic studio -->
										</h6>
										<h6>
											<!-- 16-01-2020 -->
										</h6>
									</div>
								</div>
								<p>
									山樱如美人，红颜易消歇。
									<br />
									看满树樱花，芊芊花蕊，几点褐红，越过青春的懵懂。
									<br />
									微风拂过，片片落红轻盈舒缓的从枝头旋转而下，那是一场樱花雨。
									<br />
									明媚春光，看过樱花看过你，不负四月好春光。诗与远方之外，还有脚下的生活，落花如雨……春的温馨，花的神韵，樱花是爱情与希望的象征，代表着高雅，质朴纯洁的爱情。
									<br />
									樱花开了，好想留住四月，留住四月樱花绽放美丽的季节，留住那一朵朵花开的真实和一个个美丽的 故事 ，我知道春去秋来，花开花落，逝去的青春将不再永生，加油！
									<br />
									<br />
									<br />
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- end blog section -->

<!-- client section -->

<section class="client_section layout_padding">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 ml-auto">
				<div class="heading_container">
					<h2>
						在阳光明媚的春天遇见你-樱花。
					</h2>
					<p>
						又是一年樱花烂漫时，一起相约赏樱花美，好的人和事总是特别短暂，要珍惜当下。
					</p>
				</div>
			</div>
		</div>
	</div>
	<div class="client_container">
		<div class="client_bg">
			<img src="images/gallery-bg.png" alt="" />
		</div>
		<div class="container">
			<div class="client_box">
				<div class="row">
					<div class="col-lg-6">
						<div class="box b1">
							<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
								<div class="carousel-inner">
									<div class="carousel-item active">
										<div class="client_content-box layout_padding">
											<div class="img-box">
												<img src="images/xiaohui.png" alt="" />
											</div>
											<div class="detail-box">
												<h4>
													保定市莲池区第二职教中心
												</h4>
												<p>
													保定市莲池区第二职教中心（河北宝硕集团技工学校）
													1998年创建，占地总面积达40000余平米，在校生2100余人，是一所融中专、中技、短期培训及成人高等教育为一体的综合性国家级重点中等职业学校。是经河北省人力资源和社会保障厅批准的“国家职业技能鉴定所”。主要开设汽车维修、汽车美容、机电一体化、电子商务、物流管理、幼儿教育、计算机应用、财务管理等专业。
												</p>
												<img src="images/quote.png" alt="" />
											</div>
										</div>
									</div>
									<div class="carousel-item">
										<div class="client_content-box layout_padding">
											<div class="img-box">
												<img src="images/xiaohui.png" alt="" />
											</div>
											<div class="detail-box">
												<!-- <h4>
                            The Second Vocational Education Center of Lianchi District, Baoding City
                          </h4> -->
												<p style="margin-top: -30px;margin-bottom: 0;">
													The Second Vocational Education Center of Lianchi District, Baoding
													City center (hebei bao group to recognize vestibule school) founded
													in
													1998, covers an area of 40000 square meters, students 2100 people,
													is a melting technical secondary school or short-term
													training and adult higher education into a comprehensive national
													key secondary vocational schools Is approved by hebei
													province human resources and social security hall of national
													professional skill appraisal mainly open repair car beauty
													mechanical and electrical integration of electronic business
													logistics management financial management and other
													professional early childhood education computer application

												</p>
												<img src="images/quote.png" alt="" />
											</div>
										</div>
									</div>
									<!-- <div class="carousel-item">
										<div class="client_content-box layout_padding">
											<div class="img-box">
												<img src="images/xiaohui.png" alt="" />
											</div>
											<div class="detail-box">
												<h4>
													Plio Dorak
												</h4>
												<p>
													It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum
												</p>
												<img src="images/quote.png" alt="" />
											</div>
										</div>
									</div> -->
								</div>
								<a class="carousel-control-prev" href="#carouselExampleControls" role="button"
									data-slide="prev">
									<span class="sr-only">Previous</span>
								</a>
								<a class="carousel-control-next" href="#carouselExampleControls" role="button"
									data-slide="next">
									<span class="sr-only">Next</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="box b2">
							<div class="camera_img-box">
								<img src="images/camera1.png" alt="" style="border-radius: 35px;">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- end client section -->

<!-- info section -->

<section class="info_section ">
	<div class="info_container layout_padding-top">
		<div class="container">
			<div class="heading_container">
				<h2>
					最后致敬
					<br />
					<div style="font-weight: 400;font-size: 1.3rem;margin-top: 30px;">
						幕后默默付出的志愿者、工作者
						<br />
						“樱”你们
						<br />
						我们才能享受美好春光
						<br />
						“樱”你们
						<br />
						我们才能在樱花树下相遇
						<br />
						“幸得四月樱花舞，从此阡陌多暖春”
						<br />
						我与你不负约定
						<br />
						共赴最美莲池二职樱花
					</div>
				</h2>
			</div>
			<div class="info_main" style="display: none;">
				<div class="row">
					<div class="col-md-4 col-lg-3">
						<div class="info_contact ">
							<a href="#" class="link-box">
								<div class="img-box">
									<img src="images/location.png" alt="" />
								</div>
								<div class="detail-box">
									<h6>
										Location
									</h6>
								</div>
							</a>
							<a href="#" class="link-box">
								<div class="img-box">
									<img src="images/mail.png" alt="" />
								</div>
								<div class="detail-box">
									<h6>
										demo@gmail.com
									</h6>
								</div>
							</a>
							<a href="#" class="link-box">
								<div class="img-box">
									<img src="images/call.png" alt="" />
								</div>
								<div class="detail-box">
									<h6>
										Call +01 1234567890
									</h6>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-3">
						<div class="info_link-box">
							<ul>
								<li class=" ">
									<a class="" href="index.html">Home <span class="sr-only">(current)</span></a>
								</li>
								<li class="">
									<a class="" href="about.html">About </a>
								</li>
								<li class="">
									<a class="" href="gallery.html">Gallery </a>
								</li>
								<li class="">
									<a class="" href="blog.html">Blog </a>
								</li>
								<li class="">
									<a class="" href="testimonial.html">Testimonial </a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 ">
						<div class="social_box">
							<a href="#">
								<img src="images/facebook.png" alt="" />
							</a>
							<a href="#">
								<img src="images/twitter.png" alt="" />
							</a>
							<a href="#">
								<img src="images/linkedin.png" alt="" />
							</a>
							<a href="#">
								<img src="images/instagram.png" alt="" />
							</a>
							<a href="#">
								<img src="images/youtube.png" alt="" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- end info section -->

<!-- footer section -->
<footer class="footer_section " style="display: none;">
	<div class="container">
		<p>
			Copyright &copy; 2020.Company name All rights reserved.<a target="_blank"
				href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
		</p>
	</div>
</footer>


<!-- 上banner -->
<!-- Theme JS -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.lwtCountdown-1.0.js"></script>
<script src="js/jquery.jplayer.min.js"></script>
<script src="js/vegas.min.js"></script>
<script src="js/theme.js"></script>


<!-- 下内容 -->
<!-- footer section -->

<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>

</body>
</html>